<template>
  <line-item class="video-type-line" :timeline-item="timelineItem">
    <template v-for="(_, index) in blockArr" :slot="index">
      <div
        class="video-type-content image-position multi-block-item"
        :style="{ backgroundImage: `url(${coverSrc})` }"
      ></div>
    </template>
  </line-item>
</template>

<script>
import singleMixins from '@veditor/components/timeLine/js/singleMixins';
export default {
  name: 'VideoType',
  mixins: [singleMixins],
  computed: {
    videoSrc() {
      return this.timelineItem.videoSrc;
    },
    coverSrc() {
      return this.timelineItem.coverSrc;
    },
  },
};
</script>

<style lang="stylus">
.video-type-line
  padding 0 20px
  .multi-block-item
    background #8070b1
    color rgba(255, 255, 255, 0.85)
</style>
